@import 'src/app/common/styles/variable/index.scss';
@import 'src/app/common/styles/mixin/index.scss';
.list {
  .item {
    margin-bottom: $gutter;
    padding: $gutter $pagePadding;
    background: #fff;
    .header {
      display: flex;
      margin-bottom: $gutter;
      .avatar {
        @include avatar(0.4rem);
      }
      .txtbox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        .time {
          margin-top: 0.04rem;
          color: $font3;
          font-size: 0.12rem;
        }
      }
    }
    .body {
      .description {
        margin-bottom: 0.08rem;
        line-height: 0.2rem;
        color: $font2;
      }
      .imgs {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        .imgbox {
          display: flex;
          justify-content: center;
          margin-bottom: 0.08rem;
          width: 1.08rem;
          height: 1.08rem;
          border: 1px solid $border1;
          overflow: hidden;
          &:nth-child(3n-1) {
            margin-left: 0.08rem;
            margin-right: 0.08rem;
          }
        }
        img {
          display: block;
          width: auto;
          height: 100%;
        }
      }
    }
  }
  .item:last-child {
    margin-bottom: 0;
  }
}
.empty,
.error,
.loading {
  position: relative;
  height: calc(100vh - #{$navbarHeight} - #{$tabbarHeight});
  background: #fff;
}
